cssbackgroundcover

2023年7月17日—Thebackground-sizeCSSpropertysetsthesizeoftheelement'sbackgroundimage.Theimagecanbelefttoitsnaturalsize,stretched, ...,Thebackground-sizepropertyspecifiesthesizeofthebackgroundimages.Therearefourdifferentsyntaxesyoucanusewiththisproperty:thekeywordsyntax( ...,這表示如果我們的圖片太大張的話，就可以利用這個方式來縮小他的尺寸了，對吧！？如果是這樣的話，這句話鐵定惹怒一堆業界前端的前...

參考資訊如下
background-size - CSS: Cascading Style Sheets

2023年7月17日 — The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, ...

CSS background

The background-size property specifies the size of the background images. There are four different syntaxes you can use with this property: the keyword syntax ( ...

Background-size- 金魚都能懂的CSS必學屬性

這表示如果我們的圖片太大張的話，就可以利用這個方式來縮小他的尺寸了，對吧！？如果是這樣的話，這句話鐵定惹怒一堆業界前端的前輩啊！基本上在製作網頁時，Amos會建議 ...

CSS 3背景新屬性background-size - 網頁知識

2012年1月30日 — contain與cover正好相反，主要用於背景圖大於所在內容，但卻需要將背景圖完整呈現，此時就可採用contain的方式，使背景圖縮小至內容的大小。

HTML img 也能有bg-image 的cover 效果

2020年3月26日 — 一說到讓不同寬高的圖片都可以填充在一區塊裡，大多數人應該都是先想到使用background-image + background-size: cover。

Background Size

Use bg-cover to scale the background image until it fills the background layer.

CSS3 background

图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。

background - CSS: Cascading Style Sheets

2024年1月22日 — The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.

【CSS】背景屬性-

2020年4月21日 — 首圖有點害羞，咳，我只是想表達大小的概念(?). 今天來做做關於背景圖片屬性中 background-size 和 background-position 的筆記。

Resizing background images with background-size

2023年9月12日 — The cover value specifies that the background image should be sized so that it is as small as possible while ensuring that both dimensions are ...